<template>
  <div>
    <div class="table_top">
      <el-input
        class="tabinput"
        :class="{ inactive: list.length < 2}"
        :placeholder="'请输入' + item.name"
        v-for="(item, index) in list"
        :key="index"
        v-model="item.value"
      >
        <template slot="prepend">{{ item.name }}：</template>
      </el-input>
      <el-button style="background-color: #1954a4; color: #fff" @click="seach()">
        查询
      </el-button>
    </div>
  </div>
</template>
  
  <script>
export default {
  props: {
    list: {
      type: Array,
      list: [],
      required: true 
    },
  },
  data() {
    return {};
  },
  mounted() {},
  methods: {
    /**
     * 查询
     */
     seach() {
        this.$emit('onClick')
    },
    //  ==
  },
};
</script>
  <style>
.table_top {
  display: flex;
  align-items: center;
}
.tabinput {
  margin-right: 0.1875rem;
}
.inactive{
  flex: 0.4;
}
</style>